Anpassungen
Nachfolgend werden Bereiche beschrieben, die Sie individuell für Ihr Unternehmen anpassen können.
Farbauswahl in der Kalenderübersicht
Es ist möglich andere Farben für die Antragstypen (Gleitzeit, Jahresurlaub, Krankheit etc.) zu definieren. Dafür wird eine zusätzliche .css-Datei benötigt, die sie mit jedem Texteditor erstellen können. Diese Datei muss wie folgt benannt:
Calendar.custom.css
und in den Ordner
C:\Program Files\TimePunch\TimePunch Calendar\Content gespeichert werden.
Folgende css-Klassen müssen Sie in die Datei kopieren:
.FlexiTime {
background: orange;
}
.AnnualLeave {
background: gold;
}
.Sickness {
background: turquoise;
}
.SicknessNotPaid {
background: cadetblue;
}
.IdleTime {
background: plum;
}
.PublicHoliday {
background: hotpink;
}
.Weekend {
background: gainsboro;
}
.Pending {
background: limegreen;
}
.Absent {
background: cornflowerblue;
}
.BusinessTrip {
background: purple;
}
.Cancelled {
background: url("../images/cancelled.png");
}
.Default {
background: \#FFFFFF;
}
.Worktime {
background: \#FFFFFF;
}
.Placeholder{
background: url("../images/placeholder.png");
}
Um nun die Farben zu ändern, müssen sie den HEX-Wert der Farbe der Eigenschaft „background“ der jeweiligen css-Klasse zuweisen. Beispiel: Möchten Sie Gleitzeiteinträge in der Farbe schwarz darstellen, müssen Sie die Klasse .FlexiTime wie folgt anpassen:
.FlexiTime {
background: \#000000;
}
In der folgenden Übersicht finden Sie eine Zuordnung der Antragstypen zur jeweiligen css-Klasse:
| Antragstyp | Css-Klasse |
|---|---|
| Gleitzeit | .FlexiTime |
| Jahresurlaub | .AnnualLeave |
| Krankheit | .Sickness |
| Krankheit (unbezahlt) | .SicknessNotPaid |
| Arbeitsfrei | .IdleTime |
| Feiertag | .PublicHoliday |
| Wochenende | .Weekend |
| In Bearbeitung | .Pending |
| Abwesend | .Absent |
| Außer Haus | .BusinessTrip |
| Storniert | .Cancelled |
Wenn Sie außerdem die Farbe für die Arbeitszeit ändern wollen, können Sie die Klasse .WorkTime anpassen.
Sie müssen auch nicht alle .CSS-Klassen anpassen. Wenn Sie z. B. nur die Farbe für die Gleitzeit ändern wollen, müssen Sie auch nur diese Klasse in die Datei kopieren.
Ende des Dokuments